
import Image from "next/image";
import BannerImage from '@/assets/image/banner.png'
import styles from '@/components/home/banner.module.css'
import { W1080Center } from "@/components/ui/W1080Center";
import CoustomCarousel from "@/components/home/coustomCarousel";
export interface IBannerProps {
}

export default function Banner(props: IBannerProps) {
    return (
        <div className={styles.bannerComp}>
            <Image
                className={styles.bannerCompImg}
                src={BannerImage}
                width={1920}
                height={1080}
                alt="banner"
            />
            <W1080Center className={styles.bannerFooterWrapper} >
                <div className={styles.bannerFooter}>
                    <div className={styles.border}
                    >
                        <div className={styles.important}>重点</div>
                        <p className={styles.p2} >
                            <span   ></span> 项目推荐 </p>
                        <p className={styles.p3}
                        >Keynote</p>
                    </div>
                </div>
                <CoustomCarousel className={styles.footerRight}></CoustomCarousel>
            </W1080Center>

        </div>
    );
}
